.lf{
    float:left;
}
.rt{
    float:right;
}
.both{
    clear: both;
}
ul,li{
    list-style: none;
    padding:0;
    margin:0;
}
.header{
    background:#12CAF8 ;
    height:130px;
}
.header:before{
    content:"";
    display:table;
}
.main{
    background:transparent;
    border:none;
}
#app{
    padding-top:44px;
}
/*********************header***************************/
.feedback-header{
    line-height:44px;
    text-align:center;
}
.feedback-header-title{
    padding-left:20px;
}
/*******************feedback-modal**************************/
.modal{
    background:#fff;
    margin-top:10px;
}
.feedback-modal-title,.modal-title{
    padding:15px 0 0 20px;
}
.feedback-modal-content{
    padding:10px 0 10px 15px;
}
.feedback-modal-content ul li{
    float:left;
    width:21%;
    border:1px solid #333;
    margin-right:4%;
    margin-top:10px;
    text-align:center;
    padding:5px 0;
    border-radius:3px;
}
.feedback-modal-content ul{
    content:"";
    display:table;
    clear:both;
}
.feedback-modal-move{
    width:72px;
    height:30px;
    line-height:22px;
    text-align: center;
    margin:0 auto;
}
/*********************discript-modal*************************/
.discript-modal-textarea textarea{
    padding:0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    resize: none;
    border:1px solid #333;
    box-sizing: border-box;
}
.discript-modal-textarea pre{
    white-space:pre-wrap;
    display: block;
    visibility: hidden;
}
.flex-text-wrap{
    position:relative;
}
textarea, .flex-text-wrap pre {

    line-height: 20px;
    font-size: 14px;
    min-height: 150px;
    margin:0;

}
.discript-modal-content{
    padding:5px 15px 15px;
}